﻿<!DOCTYPE html>
<html>
  <head>
    <title>滑块</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/滑块/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/滑块/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4403" class="ax_default">
        <div id="u4403_state0" class="panel_state" data-label="State1" style="">
          <div id="u4403_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4404" class="ax_default box_2">
              <div id="u4404_div" class=""></div>
              <div id="u4404_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4405" class="ax_default paragraph">
              <div id="u4405_div" class=""></div>
              <div id="u4405_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u4406" class="ax_default" data-label="header">
        <div id="u4406_state0" class="panel_state" data-label="State1" style="">
          <div id="u4406_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4407" class="ax_default box_1">
              <div id="u4407_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4408" class="ax_default">
              <div id="u4408_state0" class="panel_state" data-label="State1" style="">
                <div id="u4408_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4409" class="ax_default box_1">
                    <div id="u4409_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4410" class="ax_default box_1">
                    <div id="u4410_div" class=""></div>
                    <div id="u4410_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4411" class="ax_default box_1">
                    <div id="u4411_div" class=""></div>
                    <div id="u4411_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4412" class="ax_default image">
                    <img id="u4412_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4413" class="ax_default box_1">
                    <img id="u4413_img" class="img " src="images/index/u11.png"/>
                    <div id="u4413_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4414" class="ax_default box_1">
        <div id="u4414_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u4416" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4416_div" class=""></div>
        <div id="u4416_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4417" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4417_div" class=""></div>
        <div id="u4417_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4418" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4418_div" class=""></div>
        <div id="u4418_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4419" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4419_div" class=""></div>
        <div id="u4419_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4420" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-light">
        <div id="u4420_div" class=""></div>
        <div id="u4420_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4421" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4421_div" class=""></div>
        <div id="u4421_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4422" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4422_div" class=""></div>
        <div id="u4422_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4423" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4423_div" class=""></div>
        <div id="u4423_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4424" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4424_div" class=""></div>
        <div id="u4424_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4425" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4425_div" class=""></div>
        <div id="u4425_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4426" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4426_div" class=""></div>
        <div id="u4426_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4427" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4427_div" class=""></div>
        <div id="u4427_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4428" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4428_div" class=""></div>
        <div id="u4428_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4429" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4429_div" class=""></div>
        <div id="u4429_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4430" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4430_div" class=""></div>
        <div id="u4430_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4431" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4431_div" class=""></div>
        <div id="u4431_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4432" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4432_div" class=""></div>
        <div id="u4432_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4433" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4433_div" class=""></div>
        <div id="u4433_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4434" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4434_div" class=""></div>
        <div id="u4434_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4435" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4435_div" class=""></div>
        <div id="u4435_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4436" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4436_div" class=""></div>
        <div id="u4436_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4437" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-light">
        <div id="u4437_div" class=""></div>
        <div id="u4437_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4438" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4438_div" class=""></div>
        <div id="u4438_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4439" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4439_div" class=""></div>
        <div id="u4439_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4440" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4440_div" class=""></div>
        <div id="u4440_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4441" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4441_div" class=""></div>
        <div id="u4441_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4442" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4442_div" class=""></div>
        <div id="u4442_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4443" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4443_div" class=""></div>
        <div id="u4443_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4444" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4444_div" class=""></div>
        <div id="u4444_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4445" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4445_div" class=""></div>
        <div id="u4445_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4446" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-light">
        <div id="u4446_div" class=""></div>
        <div id="u4446_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4447" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4447_div" class=""></div>
        <div id="u4447_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4448" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4448_div" class=""></div>
        <div id="u4448_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4449" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4449_div" class=""></div>
        <div id="u4449_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4450" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4450_div" class=""></div>
        <div id="u4450_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4451" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4451_div" class=""></div>
        <div id="u4451_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4452" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4452_div" class=""></div>
        <div id="u4452_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4453" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4453_div" class=""></div>
        <div id="u4453_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4454" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-light">
        <div id="u4454_div" class=""></div>
        <div id="u4454_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4455" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4455_div" class=""></div>
        <div id="u4455_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4456" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4456_div" class=""></div>
        <div id="u4456_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4457" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4457_div" class=""></div>
        <div id="u4457_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4458" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4458_div" class=""></div>
        <div id="u4458_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4459" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-light">
        <div id="u4459_div" class=""></div>
        <div id="u4459_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4460" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-light">
        <div id="u4460_div" class=""></div>
        <div id="u4460_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4461" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4461_div" class=""></div>
        <div id="u4461_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4462" class="ax_default box_1 selected" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4462_div" class="selected"></div>
        <div id="u4462_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4463" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-light">
        <div id="u4463_div" class=""></div>
        <div id="u4463_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4464" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4464_div" class=""></div>
        <div id="u4464_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4465" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4465_div" class=""></div>
        <div id="u4465_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4466" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4466_div" class=""></div>
        <div id="u4466_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4467" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4467_div" class=""></div>
        <div id="u4467_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4468" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4468_div" class=""></div>
        <div id="u4468_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4469" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4469_div" class=""></div>
        <div id="u4469_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4470" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4470_div" class=""></div>
        <div id="u4470_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4471" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4471_div" class=""></div>
        <div id="u4471_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4472" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4472_div" class=""></div>
        <div id="u4472_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4473" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4473_div" class=""></div>
        <div id="u4473_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4474" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4474_div" class=""></div>
        <div id="u4474_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4475" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4475_div" class=""></div>
        <div id="u4475_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4476" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4476_div" class=""></div>
        <div id="u4476_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4477" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4477_div" class=""></div>
        <div id="u4477_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4478" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-fenzu-light">
        <div id="u4478_div" class=""></div>
        <div id="u4478_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4479" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-light">
        <div id="u4479_div" class=""></div>
        <div id="u4479_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4480" class="ax_default box_1" selectiongroup="u4415nav-cebianlan-light">
        <div id="u4480_div" class=""></div>
        <div id="u4480_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4482" class="ax_default">
        <div id="u4482_state0" class="panel_state" data-label="State1" style="">
          <div id="u4482_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4483" class="ax_default box_1">
              <div id="u4483_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4484" class="ax_default">
              <div id="u4484_state0" class="panel_state" data-label="State1" style="">
                <div id="u4484_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4485" class="ax_default box_1">
                    <div id="u4485_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4486" class="ax_default label">
                    <div id="u4486_div" class=""></div>
                    <div id="u4486_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4487" class="ax_default label">
                    <div id="u4487_div" class=""></div>
                    <div id="u4487_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4488" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4489" class="ax_default label">
                      <div id="u4489_div" class=""></div>
                      <div id="u4489_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4490" class="ax_default paragraph">
                      <div id="u4490_div" class=""></div>
                      <div id="u4490_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4491" class="ax_default label">
                    <div id="u4491_div" class=""></div>
                    <div id="u4491_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4492" class="ax_default label">
                    <div id="u4492_div" class=""></div>
                    <div id="u4492_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4493" class="ax_default label">
                    <div id="u4493_div" class=""></div>
                    <div id="u4493_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4494" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4495" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4496" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4497" class="ax_default image">
                    <img id="u4497_img" class="img " src="images/index/u95.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4498" class="ax_default label">
                    <div id="u4498_div" class=""></div>
                    <div id="u4498_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4499" class="ax_default paragraph">
                    <div id="u4499_div" class=""></div>
                    <div id="u4499_text" class="text ">
                      <p><span>www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4500" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4501" class="ax_default label">
                      <div id="u4501_div" class=""></div>
                      <div id="u4501_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4502" class="ax_default paragraph">
                      <div id="u4502_div" class=""></div>
                      <div id="u4502_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4503" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4504" class="ax_default label">
                      <div id="u4504_div" class=""></div>
                      <div id="u4504_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4505" class="ax_default paragraph">
                      <div id="u4505_div" class=""></div>
                      <div id="u4505_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4506" class="ax_default heading_1">
        <div id="u4506_div" class=""></div>
        <div id="u4506_text" class="text ">
          <p><span>Slider 滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4507" class="ax_default heading_1">
        <div id="u4507_div" class=""></div>
        <div id="u4507_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4508" class="ax_default label">
        <div id="u4508_div" class=""></div>
        <div id="u4508_text" class="text ">
          <p><span>滑动输入器，用于在数值区间/自定义区间内进行选择，支持连续或离散值。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4509" class="ax_default" data-left="230" data-top="427" data-width="760" data-height="12">

        <!-- line-bg (Rectangle) -->
        <div id="u4510" class="ax_default box_1" data-label="line-bg">
          <div id="u4510_div" class=""></div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u4511" class="ax_default box_1" data-label="line">
          <div id="u4511_div" class=""></div>
        </div>

        <!-- dot (Dynamic Panel) -->
        <div id="u4512" class="ax_default" data-label="dot">
          <div id="u4512_state0" class="panel_state" data-label="State1" style="">
            <div id="u4512_state0_content" class="panel_state_content">

              <!-- Unnamed (Ellipse) -->
              <div id="u4513" class="ax_default ellipse">
                <img id="u4513_img" class="img " src="images/滑块/u4513.png"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4514" class="ax_default label">
        <div id="u4514_div" class=""></div>
        <div id="u4514_text" class="text ">
          <p><span>基础样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4515" class="ax_default label">
        <div id="u4515_div" class=""></div>
        <div id="u4515_text" class="text ">
          <p><span>基于动态面板的Ondrag事件进行实现，Ondrag事件绑定在圆圈上；</span></p><p><span>注意：如果要更改滑块的长度，则必须更改Ondrag事件上的move上指定的boundary。</span></p><p><span>动效版本还有BUG，实现过程涉及到变量，对交互要求不高的原型可以只使用样式，不使用动效。</span></p>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4516" class="ax_default">
        <div id="u4516_state0" class="panel_state" data-label="State1" style="">
          <div id="u4516_state0_content" class="panel_state_content">

            <!-- line-bg (Rectangle) -->
            <div id="u4517" class="ax_default box_1" data-label="line-bg">
              <div id="u4517_div" class=""></div>
            </div>

            <!-- line (Rectangle) -->
            <div id="u4518" class="ax_default box_1" data-label="line">
              <div id="u4518_div" class=""></div>
            </div>

            <!-- rightdot (Dynamic Panel) -->
            <div id="u4519" class="ax_default" data-label="rightdot">
              <div id="u4519_state0" class="panel_state" data-label="State1" style="">
                <div id="u4519_state0_content" class="panel_state_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4520" class="ax_default ellipse">
                    <img id="u4520_img" class="img " src="images/滑块/u4513.png"/>
                  </div>
                </div>
              </div>
            </div>

            <!-- leftdot (Dynamic Panel) -->
            <div id="u4521" class="ax_default" data-label="leftdot">
              <div id="u4521_state0" class="panel_state" data-label="State1" style="">
                <div id="u4521_state0_content" class="panel_state_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4522" class="ax_default ellipse">
                    <img id="u4522_img" class="img " src="images/滑块/u4513.png"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4523" class="ax_default label">
        <div id="u4523_div" class=""></div>
        <div id="u4523_text" class="text ">
          <p><span>&#149; 动效版本</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4524" class="ax_default label">
        <div id="u4524_div" class=""></div>
        <div id="u4524_text" class="text ">
          <p><span>&#149; 静态版本</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4525" class="ax_default" data-left="230" data-top="522" data-width="760" data-height="12">

        <!-- line-bg (Rectangle) -->
        <div id="u4526" class="ax_default box_1" data-label="line-bg">
          <div id="u4526_div" class=""></div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u4527" class="ax_default box_1" data-label="line">
          <div id="u4527_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4528" class="ax_default ellipse">
          <img id="u4528_img" class="img " src="images/滑块/u4513.png"/>
        </div>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4529" class="ax_default box_1" data-label="line-bg">
        <div id="u4529_div" class=""></div>
      </div>

      <!-- line (Rectangle) -->
      <div id="u4530" class="ax_default box_1" data-label="line">
        <div id="u4530_div" class=""></div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4531" class="ax_default ellipse">
        <img id="u4531_img" class="img " src="images/滑块/u4513.png"/>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4532" class="ax_default ellipse">
        <img id="u4532_img" class="img " src="images/滑块/u4513.png"/>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4533" class="ax_default box_1" data-label="line-bg">
        <div id="u4533_div" class=""></div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4534" class="ax_default ellipse">
        <img id="u4534_img" class="img " src="images/滑块/u4534.png"/>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4535" class="ax_default ellipse">
        <img id="u4535_img" class="img " src="images/滑块/u4534.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4536" class="ax_default label">
        <div id="u4536_div" class=""></div>
        <div id="u4536_text" class="text ">
          <p><span>&#149; 显示间断点</span></p><p><span>间断点移动有10个点，在左右两端各有两个隐形的点，将左右两点对齐两端后，选中所有的点后使用水平分布，就可以将所有点自动放到正确的位置。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4537" class="ax_default" data-left="230" data-top="679" data-width="760" data-height="12">

        <!-- line-bg (Rectangle) -->
        <div id="u4538" class="ax_default box_1" data-label="line-bg">
          <div id="u4538_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4539" class="ax_default" data-left="230" data-top="683" data-width="760" data-height="4">

          <!-- line-bg (Rectangle) -->
          <div id="u4540" class="ax_default box_1" data-label="line-bg">
            <div id="u4540_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4541" class="ax_default box_1" data-label="line-bg">
            <div id="u4541_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4542" class="ax_default box_1" data-label="line-bg">
            <div id="u4542_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4543" class="ax_default box_1" data-label="line-bg">
            <div id="u4543_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4544" class="ax_default box_1" data-label="line-bg">
            <div id="u4544_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4545" class="ax_default box_1" data-label="line-bg">
            <div id="u4545_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4546" class="ax_default box_1" data-label="line-bg">
            <div id="u4546_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4547" class="ax_default box_1" data-label="line-bg">
            <div id="u4547_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4548" class="ax_default box_1" data-label="line-bg">
            <div id="u4548_div" class=""></div>
          </div>

          <!-- line-bg (Rectangle) -->
          <div id="u4549" class="ax_default box_1" data-label="line-bg">
            <div id="u4549_div" class=""></div>
          </div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u4550" class="ax_default box_1" data-label="line">
          <div id="u4550_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4551" class="ax_default ellipse">
          <img id="u4551_img" class="img " src="images/滑块/u4513.png"/>
        </div>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4552" class="ax_default box_1" data-label="line-bg">
        <div id="u4552_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4553" class="ax_default" data-left="230" data-top="707" data-width="760" data-height="4">

        <!-- line-bg (Rectangle) -->
        <div id="u4554" class="ax_default box_1" data-label="line-bg">
          <div id="u4554_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4555" class="ax_default box_1" data-label="line-bg">
          <div id="u4555_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4556" class="ax_default box_1" data-label="line-bg">
          <div id="u4556_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4557" class="ax_default box_1" data-label="line-bg">
          <div id="u4557_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4558" class="ax_default box_1" data-label="line-bg">
          <div id="u4558_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4559" class="ax_default box_1" data-label="line-bg">
          <div id="u4559_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4560" class="ax_default box_1" data-label="line-bg">
          <div id="u4560_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4561" class="ax_default box_1" data-label="line-bg">
          <div id="u4561_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4562" class="ax_default box_1" data-label="line-bg">
          <div id="u4562_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4563" class="ax_default box_1" data-label="line-bg">
          <div id="u4563_div" class=""></div>
        </div>
      </div>

      <!-- line (Rectangle) -->
      <div id="u4564" class="ax_default box_1" data-label="line">
        <div id="u4564_div" class=""></div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4565" class="ax_default ellipse">
        <img id="u4565_img" class="img " src="images/滑块/u4513.png"/>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4566" class="ax_default ellipse">
        <img id="u4566_img" class="img " src="images/滑块/u4513.png"/>
      </div>

      <!-- line-bg (Rectangle) -->
      <div id="u4567" class="ax_default box_1" data-label="line-bg">
        <div id="u4567_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4568" class="ax_default" data-left="230" data-top="736" data-width="760" data-height="4">

        <!-- line-bg (Rectangle) -->
        <div id="u4569" class="ax_default box_1" data-label="line-bg">
          <div id="u4569_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4570" class="ax_default box_1" data-label="line-bg">
          <div id="u4570_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4571" class="ax_default box_1" data-label="line-bg">
          <div id="u4571_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4572" class="ax_default box_1" data-label="line-bg">
          <div id="u4572_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4573" class="ax_default box_1" data-label="line-bg">
          <div id="u4573_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4574" class="ax_default box_1" data-label="line-bg">
          <div id="u4574_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4575" class="ax_default box_1" data-label="line-bg">
          <div id="u4575_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4576" class="ax_default box_1" data-label="line-bg">
          <div id="u4576_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4577" class="ax_default box_1" data-label="line-bg">
          <div id="u4577_div" class=""></div>
        </div>

        <!-- line-bg (Rectangle) -->
        <div id="u4578" class="ax_default box_1" data-label="line-bg">
          <div id="u4578_div" class=""></div>
        </div>
      </div>
    </div>
  </body>
</html>
